// pages/search/search.js
import {
  listFood
} from "../../api/index/food"
import licia from "miniprogram-licia"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 搜索
    searchValue: "",
    // 搜索结果
    searchList: []
  },

  onLoad() {
    // 绑定请求函数,作为防抖
    this.fnDebounce = licia.debounce(this.getFoodList, 500);
  },

  // 取消搜索
  onCancel() {
    console.log("上一页...");
    wx.navigateBack();
  },

  // 输入框内容改变
  onChange(e) {
    this.fnDebounce(e.detail)
  },

  // 前往菜品详情
  goDetail(event) {
    const dataset = event.target.dataset;
    wx.navigateTo({
      url: '/pages/food-detail/food-detail?id=' + dataset.id,
    })
  },

  // 请求菜品列表
  getFoodList(foodName) {
    if (!foodName) {
      return this.setData({
        searchList: []
      })
    }

    listFood({
      pageNum: 1,
      pageSize: 10,
      name: foodName
    }).then(res => {
      const list = res.rows.map(item => {
        return {
          id: item.id,
          name: item.name
        }
      })
      this.setData({
        searchList: list
      })
    }).catch(err => {
      console.error(err);
    })
  }
})